<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 本页面样式 -->
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <!-- 网站顶部 -->
    <header class="header">
        <div class="container">
            <img src="./img/new-logo-white2.png" alt="">
            <span>已有源码账号，<a href="./sign.html">立即登录</a></span>
        </div>
    </header>
    <!-- 网站主体 -->
    <main class="main">
        <form action="sign.html" class="form">
            <h1>欢迎注册</h1>
            <h2>百款接口免费试用</h2>
            <p>注册即送300元大礼包</p>
            <p class="username">
                <input type="text" placeholder="用户名(6~20位字母数字)" name="username">
                <img src="./img/clearInput.png" alt="">
                <span>昵称需在6-12位字母数字间</span>
                <span></span>
            </p>
            <p class="tel">
                <input type="text" placeholder="请输入手机号码" name="tel">
                <img src="./img/clearInput.png" alt="">
                <span>请输入正确的手机号</span>
                <span></span>
            </p> 
            <p  class="code">
                <input type="text" placeholder="请输入手机短信验证码" name="code">
                <img src="./img/clearInput.png" alt="">
                <span>请输入4位手机验证码</span>
                <button>获取验证码</button>
                <span></span>
            </p> 
            <p class="pwd">
                <input type="password" placeholder="请输入6至12位的密码" name="password">
                <img src="./img/clearInput.png" alt="">
                <span>请输入6至12位的密码</span>
                <span class="eye1 active"><img src="./img/eye1.png" alt=""></span>
                <span class="eye2"><img src="./img/eye2.png" alt=""></span>
                <span></span>
            </p>
            <p class="che">
                <label>
                    <input type="checkbox" >我已阅读并接受 
                    <a href="#">《源码用户服务协议》</a> 
                    <a href="#">《源码隐私政策》</a>
                </label>     
            </p> 
            <button type="submit">立即注册</button>
        </form>
    </main>
    <!-- 引入本页面的js -->
    <script src="./js/register.js"></script>
</body>
</html>